<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>InBlog Right Sidebar</title>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"/>
	<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/jquery-ui.css">
	<link rel="stylesheet" href="css/slick.css">
	<link rel="stylesheet" href="css/chosen.min.css">
	<link rel="stylesheet" href="css/pe-icon-7-stroke.css">
	<link rel="stylesheet" href="css/magnific-popup.min.css">
	<link rel="stylesheet" href="css/lightbox.min.css">
	<link rel="stylesheet" href="js/fancybox/source/jquery.fancybox.css">
	<link rel="stylesheet" href="css/jquery.scrollbar.min.css">
	<link rel="stylesheet" href="css/mobile-menu.css">
	<link rel="stylesheet" href="fonts/flaticon/flaticon.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body class="inblog-page">

<!-- 引入头部导航栏 -->
	<jsp:include page="top.jsp"></jsp:include>
	
		<div class="main-content main-content-blog single right-sidebar">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="breadcrumb-trail breadcrumbs">
						<ul class="trail-items breadcrumb">
							<li class="trail-item trail-begin">
								<a href="index.jsp">主页</a>
							</li>
							<li class="trail-item">
								<a href="bloglist-leftsidebar.jsp">资讯</a>
							</li>
							<li class="trail-item trail-end active">
							<a href="#">新设计师户外车</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="content-area content-blog col-lg-9 col-md-8 col-sm-12 col-xs-12">
					<div class="site-main">
						<div class="post-item">
							<div class="post-format">
								<a href="#">
									<img src="images/blog1.jpg" alt="img">
								</a>
							</div>
							<div class="post-infor">
								<div class="category-blog">
									<a href="#">LIFE STYLE</a>
								</div>
								<h3 class="post-title">
									<a href="#">新设计师</a>
								</h3>
								<div class="main-info-post">
									<p>
										待定
									</p>
									<p>
										待定
									</p>
									<blockquote>
										<p>
											待定
										</p>
										<div class="author">
											<span class="name">
												秦源庆
											</span>
											<span class="desc">
												创意文案
											</span>
										</div>
									</blockquote>
								</div>
							</div>
						</div>
						<div class="blog-articles related-articles">
							<h3 class="custom_blog_title">
							相关文章
							</h3>
							<div class="blog-slider style-1 owl-slick"  data-slick ='{"variableWidth":true, "autoplay":false, "autoplaySpeed":1000, "arrows":true, "dots":false, "infinite":true, "speed":800, "rows":1}' data-responsive='[{"breakpoint":"1200","settings":{"slidesToShow":1,"variableWidth":false }}]'>
								<div class="blog-item">
									<div class="post-format">
										<a href="#">
											<img src="images/blog2.jpg" alt="img">
										</a>
									</div>
									<div class="post-info">
										<div class="category-blog">
											<a href="#">生活方式</a>
										</div>
										<h3 class="post-title">
											<a href="#">新设计师户外车 <span>[...]</span></a>
										</h3>
										<div class="main-info-post">
											<p class="des">
												待定
											</p>
										</div>
										<div class="author-view">
											<div class="author">
												<div class="avt">
													<img src="images/avt-blog1.png" alt="img">
												</div>
												<h3 class="name">
													秦源庆
												</h3>
											</div>
											<div class="review">
												<div class="view">
													<span class="icon-view">
														<i class="fa fa-eye" aria-hidden="true"></i>
													</span>
													<span class="count">
														631
													</span>
												</div>
												<div class="s-comments">
													<span class="icon-cmt">
														<i class="fa fa-commenting" aria-hidden="true"></i>
													</span>
													<span class="count">
														82
													</span>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="blog-item ">
									<div class="post-format ">
										<a href="#">
											<img src="images/blog3.jpg" alt="img">
										</a>
									</div>
									<div class="post-info ">
										<div class="category-blog">
											<a href="#">生活方式</a>
										</div>
										<h3 class="post-title">
											<a href="#">新设计师户外车 <span>[...]</span></a>
										</h3>
										<div class="main-info-post">
											<p class="des">
												待定
											</p>
										</div>
										<div class="author-view">
											<div class="author">
												<div class="avt">
													<img src="images/avt-blog1.png" alt="img">
												</div>
												<h3 class="name">
													秦源庆
												</h3>
											</div>
											<div class="review">
												<div class="view">
													<span class="icon-view">
														<i class="fa fa-eye" aria-hidden="true"></i>
													</span>
													<span class="count">
														631
													</span>
												</div>
												<div class="s-comments">
													<span class="icon-cmt">
														<i class="fa fa-commenting" aria-hidden="true"></i>
													</span>
													<span class="count">
														82
													</span>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="main-info-post">
								<p class="des">
								待定
								</p>
								<p class="des">
									待定
								</p>
							</div>
						</div>
						<div class="tags tags-blog">
							<h3 class="widgettitle">
								标签:
							</h3>
							<ul class="tagcloud">
								<li class="tag-cloud-link">
									<a href="#">杂色</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">仙人掌</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">开花</a>
								</li>
								<li class="tag-cloud-link active">
									<a href="#">辅料</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">热</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">手掌</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">蕨类</a>
								</li>
							</ul>
						</div>
						<div class="view-share">
							<div class="author-view">
								<div class="author">
									<div class="avt">
										<img src="images/avt-blog1.png" alt="img">
									</div>
									<h3 class="name">
										亲源庆
									</h3>
								</div>
								<div class="review">
									<div class="view">
										<span class="icon-view">
											<i class="fa fa-eye" aria-hidden="true"></i>
										</span>
										<span class="count">
											631
										</span>
									</div>
									<div class="s-comments">
										<span class="icon-cmt">
											<i class="fa fa-commenting" aria-hidden="true"></i>
										</span>
										<span class="count">
											82
										</span>
									</div>
								</div>
							</div>
							<div class="share">
								<h3 class="title">共享</h3>
								<i class="icon fa fa-facebook-square" aria-hidden="true"></i>
								<i class="icon fa fa-linkedin" aria-hidden="true"></i>
								<i class="icon fa fa-twitter" aria-hidden="true"></i>
							</div>
						</div>
						<div class="comments-area">
							<h3 class="custom_blog_title">
								评论 <span class="count">(2)</span>
							</h3>
							<form class="comment-form">
								<p class="comment-reply-content">
									<textarea  rows="6" placeholder="Write your comment" class="input-form"></textarea>
								</p>
								<p class="form-submit">
									<span class="controll">
										<i class="icon fa fa-file-image-o" aria-hidden="true"></i>
										<i class="icon fa fa-paperclip" aria-hidden="true"></i>
										<i class="icon fa fa-smile-o" aria-hidden="true"></i>
										<button class="submit button">写下您的评论</button>		
									</span>	
								</p>
							</form>
							<ul class="comment-list">
								<li class="comment">
									<div class="comment-item">
										<div class="author-view">
											<div class="author">
												<div class="avt">
													<img src="images/avt-blog1.png" alt="img">
												</div>
												<h3 class="name">
												秦源庆
												</h3>
											</div>
											<div class="date-reply-comment">
												<span class="date-comment">
													四天前
												</span>
											</div>
										</div>
										<div class="comment-body">
											<div class="comment-content">
												<p>
												待定
												</p>
											</div>
											<div class="comment-reply-link">
												<span class="Comment">
													<i class="icon fa fa-commenting" aria-hidden="true"></i>
													评论
												</span>
												<span class="like">
													<i class="icon fa fa-thumbs-o-up" aria-hidden="true"></i>
													1
												</span>
												<span class="dislike">
													<i class="icon fa fa-thumbs-o-down" aria-hidden="true"></i>
												</span>
											</div>
										</div>
									</div>
									<ul class="children">
										<li>
											<div class="comment-item">
												<div class="author-view">
													<div class="author">
														<div class="avt">
															<img src="images/avt-blog1.png" alt="img">
														</div>
														<h3 class="name">
															刘康福
														</h3>
													</div>
													<div class="date-reply-comment">
														<span class="date-comment">
															四天前
														</span>
													</div>
												</div>
												<div class="comment-body">
													<div class="comment-content">
														<p>
													待定
														</p>
													</div>
													<div class="comment-reply-link">
														<span class="Comment">
															<i class="fa fa-commenting" aria-hidden="true"></i>
															评论
														</span>
														<span class="like">
															<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
															9
														</span>
														<span class="dislike">
															<i class="fa fa-thumbs-o-down" aria-hidden="true"></i>
															1
														</span>
													</div>
												</div>
											</div>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<div class="pagination clearfix style1">
							<div class="nav-link">
								<a href="#" class="page-numbers"><i class="icon fa fa-angle-left" aria-hidden="true"></i></a>
								<a href="#" class="page-numbers">1</a>
								<a href="#" class="page-numbers">2</a>
								<a href="#" class="page-numbers current">3</a>
								<a href="#" class="page-numbers"><i class="icon fa fa-angle-right" aria-hidden="true"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="sidebar sidebar-single-blog col-lg-3 col-md-4 col-sm-12 col-xs-12">
					<div class="wrapper-sidebar">
						<div class="widget widget-socials">
							<h3 class="widgettitle">
							关注我们
							</h3>
							<div class="content-socials">
								<div class="social-list">
									<a href="#" target="_blank" class="social-item">
										<i class="fa fa-facebook-square" aria-hidden="true"></i>
									</a>
									<a href="#" target="_blank" class="social-item">
										<i class="fa fa-twitter" aria-hidden="true"></i>
									</a>
									<a href="#" target="_blank" class="social-item">
										<i class="fa fa-instagram" aria-hidden="true"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="widget widget-categories">
							<h3 class="widgettitle">类别</h3>
							<ul class="list-categories">
								<li>
									<input type="checkbox" id="cb1">
									<label for="cb1" class="label-text">
									  新品上市
									</label>
								</li>
								<li>
									<input type="checkbox" id="cb2">
									<label for="cb2" class="label-text">
										蕨 类 植物
									</label>
								</li>
								<li>
									<input type="checkbox" id="cb3">
									<label for="cb3" class="label-text">
										多肉植物
									</label>
								</li>
								<li>
									<input type="checkbox" id="cb4">
									<label for="cb4" class="label-text">
										仙人掌
									</label>
								</li>
								<li>
									<input type="checkbox" id="cb5">
									<label for="cb5" class="label-text">
										辅料
									</label>
								</li>
								<li>
									<input type="checkbox" id="cb6">
									<label for="cb6" class="label-text">
										手掌
									</label>
								</li>
							</ul>
						</div>
						<div class="widget widget-post">
							<h3 class="widgettitle">热门文章</h3>
							<ul class="teamo-posts">
								<li class="widget-post-item">
									<div class="thumb-blog">
										<img src="images/sidebar-post1.jpg" alt="img">
									</div>
									<div class="post-content">
										<div class="cat">
											<a href="#">生活方式</a>
										</div>
										<h5 class="post-title"><a href="#">9个将要改变的快捷提示 <span>[...]</span></a></h5>
									</div>
								</li>
								<li class="widget-post-item">
									<div class="thumb-blog">
										<img src="images/sidebar-post2.jpg" alt="img">
									</div>
									<div class="post-content">
										<div class="cat">
											<a href="#">样板</a>
										</div>
										<h5 class="post-title"><a href="#">9个将要改变的快捷提示 <span>[...]</span></a></h5>
									</div>
								</li>
								<li class="widget-post-item">
									<div class="thumb-blog">
										<img src="images/sidebar-post3.jpg" alt="img">
									</div>
									<div class="post-content">
										<div class="cat">
											<a href="#">街头风格</a>
										</div>
										<h5 class="post-title"><a href="#">9个将要改变的快捷提示<span>[...]</span></a></h5>
									</div>
								</li>

							</ul>
						</div>
						<div class="widget widget-tags">
							<h3 class="widgettitle">
								热门标签
							</h3>
							<ul class="tagcloud">
								<li class="tag-cloud-link">
									<a href="#">杂色</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">仙人掌</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">开花</a>
								</li>
								<li class="tag-cloud-link active">
									<a href="#">辅料</a>
								</li>
								<li class="tag-cloud-link">
									<a href="#">热</a>
								</li>
								
								<li class="tag-cloud-link">
									<a href="#">蕨类植物</a>
								</li>
							</ul>
						</div>
						<div class="widget newsletter-widget">
							<div class="newsletter-form-wrap ">
								<h3 class="title">订阅我们的时事通讯</h3>
								<div class="subtitle">
									更多特别优惠，活动和促销
								</div>
								<input type="email" class="email" placeholder="您的电子邮件">
								<button type="submit" class="button submit-newsletter">订阅e</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
<!-- 引入页脚栏 -->
	<jsp:include page="footer.jsp"></jsp:include>
	
	<script src="js/jquery-1.12.4.min.js"></script>
	<script src="js/jquery.plugin-countdown.min.js"></script>
	<script src="js/jquery-countdown.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/magnific-popup.min.js"></script>
	<script src="js/isotope.min.js"></script>
	<script src="js/jquery.scrollbar.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<script src="js/mobile-menu.js"></script>
	<script src="js/chosen.min.js"></script>
	<script src="js/slick.js"></script>
	<script src="js/jquery.elevateZoom.min.js"></script>
	<script src="js/jquery.actual.min.js"></script>
	<script src="js/fancybox/source/jquery.fancybox.js"></script>
	<script src="js/lightbox.min.js"></script>
	<script src="js/owl.thumbs.min.js"></script>
	<script src="js/jquery.scrollbar.min.js"></script>
	<script src='https://ditu.google.cn/maps/api/js?key=AIzaSyC3nDHy1dARR-Pa_2jjPCjvsOR4bcILYsM'></script>
	<script src="js/frontend-plugin.js"></script>
</body>
</html>